﻿@model HQPad.Models.LogOnModel

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<h1>Login to HQPad</h1>

<section class="content">

<div class="block">
    <p>Please enter your user name and password. @Html.ActionLink("Register", "Register") if you don't have an account.</p>
</div>


@using (Html.BeginForm()) {
    <fieldset class="block form">
        <legend>Login</legend>

        @Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

        <div class="field-item">
            <div class="label">@Html.LabelFor(m => m.UserName)</div>
            @Html.TextBoxFor(m => m.UserName)
            @Html.ValidationMessageFor(m => m.UserName)
        </div>

        <div class="field-item">
        <div class="label">@Html.LabelFor(m => m.Password)</div>
            @Html.PasswordFor(m => m.Password)
            @Html.ValidationMessageFor(m => m.Password)
        </div>

        <div class="field-item">
        <div class="label"></div>
            @Html.CheckBoxFor(m => m.RememberMe)
            @Html.LabelFor(m => m.RememberMe)
        </div>

        <input type="submit" value="Log On" />
    </fieldset>
}

</section>